<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />	
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>


<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<link rel="stylesheet" type="text/css" th:href="@{/plugins/bootstrap/bootstrap.min.css}" />

<script src="https://cdn.bootcss.com/bootstrap-validator/0.5.3/js/bootstrapValidator.js"></script>
<link href="https://cdn.bootcss.com/bootstrap-validator/0.5.3/css/bootstrapValidator.css" rel="stylesheet"/>
</head>
<body>
<div data-role="page" id="pageOne" style="width: 100%;background: #FFFFFF;"><!-- style='background:url(/wcsi/img/loginimg.jpg) 50% 0 no-repeat;background-size:cover' -->
    <div data-role="header" style="background: #FFFFFF; border-width: 0;">
        <h1>用户注册</h1>
	</div>
	<input type="hidden" id="identify" th:value="${identify}"></input>
	<input type="hidden" id="url" th:value="${url}"></input>
	<div data-role="content" style="width: 100%" >
			<div style="padding: 10px 20px;">
				 <form id="regiisterForm" class="validate" role="form">
				 <div class="form-horizontal">
				 <div class="row">
				 <section class="col-lg-12">
					<div class="form-group" id="accountNameDiv">  
				        <label class="col-sm-3 control-label" for="accountName">用户名</label>
				        <div class="col-sm-8"><input value="hiddenVisitor" type="text"  class="form-control" id="accountName" name="accountName" placeholder="用户名"/><font color="red">*</font></div>
				    </div>
					
				    <div class="form-group">  
				        <label class="col-sm-3 control-label" for="user">姓名</label>
				        <div class="col-sm-8"><input type="text" class="form-control" id="user" name="user" placeholder="姓名"/><font color="red">*</font></div>
				    </div>
					<div class="form-group">
				        <label class="col-sm-3 control-label" for="phone">电话</label>
				        <div class="col-sm-8" ><input type="text" class="form-control" id="phone" name="phone" placeholder="电话"/><font color="red">*</font>
				        </div>
				    </div>
				    <div class="form-group">  
				        <label class="col-sm-3 control-label" for="pwd">密码</label>  
				        <div class="col-sm-8"><input type="password" class="form-control" id="pwd" name="pwd" placeholder="密码"/><font color="red">*</font></div>
				    </div>
				    <div class="form-group">  
				        <label class="col-sm-3 control-label" for="pwd">确认密码</label>  
				        <div class="col-sm-8"><input type="password" class="form-control" id="repwd" name="repwd" placeholder="确认密码"/><font color="red">*</font></div>
				    </div>
				    <div class="form-group">
				    <label class="col-sm-3 control-label" for="phone">验证手机信息</label>
				    <div class="col-sm-8">
				        <div style="width: 55%;float: left;">
				        <input type="text" class="form-control" id="phoneCode" name="phoneCode" placeholder="验证码"/>
				        </div>
				         <div style="width: 42%;float: right;">
				         <button type="button" id="getphoneCode" style="line-height: 0.65">验证码</button>
				        </div>
				         </div>
				    </div>
					<div class="form-group">  
				        <label class="col-sm-3 control-label" for="email">邮箱</label>
				        <div class="col-sm-8"><input type="email" class="form-control" id="email" name="email" placeholder="邮箱"/></div>
				    </div>
				    <div class="form-group">
				    		<label class="col-sm-3 control-label" for="sex">性别</label>
						<div class="col-sm-8">
						<input class="form-control" type="hidden" name="sex" id="sex" />
						<div style="width: 45%; float: left;"><input type="radio" name="sex" id="sex1" value="male" checked="checked"/><div style="margin-left: 40px;">男</div></div>
						<div style="width: 45%; float: left;"><input type="radio" name="sex" id="sex2" value="female"/><div style="margin-left: 40px;">女</div></div>
						</div>
					</div>
				</section>
				</div>
				</div>
				</form>
			</div>
		<div data-role="footer" data-position="fixed" data-theme="a" style="background: #FFFFFF;">
			<div style="white-space:nowrap;text-align: center;">
				<button type="button" id="subtnForRegister" data-inline="true" style="margin-top:5px;margin-bottom:5px;margin-left:4%;margin-right:2%;background: #FFFFFF;border: 1px solid #D8D8D8; border-radius: 6px; font-family: PingFangSC-Regular;font-size: 16px; color: #555555;;width: 44%;">注册</button>
				<button type="button" id="subtnForUser" data-inline="true" style="margin-top:5px;margin-bottom:5px;margin-left:2%;margin-right:4%;;background: #F8643F;border: 1px solid #FA977E;border-radius: 6px; font-family: PingFangSC-Regular;font-size: 16px;color: #FFFFFF;width: 44%;">登陆</button>
			</div>
		</div>
        <div data-role="popup" id="popupWait" data-theme="a" class="ui-corner-all">
			<div style="padding: 10px 20px;">
				<div id="loadingImage">
					<img th:src="@{/img/loading.gif}" />
				</div>
			</div>
		</div>
	</div>
</div>
<script th:src="@{/mobile/mobileRegister.js}"></script>
<script th:src="@{/plugins/sha256.js}"></script>
<script th:inline="javascript">
	window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
</script>
</body>
</html>